<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>派生选择器案例</title>
		<!-- 需求: 派生选择器抓取页面"行内2" 颜色任意
		                                   字体放大50px
            父元素[id]-->
			<style>
				#d1 div div span{
					font-size: 50px;
					background: #55ff00;
				}
				/* 派生选择器: 找两个删除线   颜色: 第一个删除线红色
				                                  第二个删除线绿色*/
				
				.d1 div div s{
					background:red;
					
				}
				.d1 div div div s{
					background: green;
					
				}
			</style>
	</head>
	<body>
		
		<div class="d1">
			<div><p>段落1</p><div><s>删除线</s><div><s>删除线</s></div></div></div>
			<div><p>段落2</p></div>
		</div>
		
		<hr />
		<div id="d1">
			<div>
				<p>段落</p>
				<span>行内1</span>
				<div>
				<span>行内2</span>
				</div>
			</div>
		</div>
	</body>
</html>